<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>四川邮电职业技术学院-叶琪</title>
    <style>
        *{
            padding: 0;
            margin: 0;
        }
        body{
background-image: url("img/邮电.jpg");
        }
        .container{
            width: 100%;
        }
        .main{
            width: 900px;
            line-height: 32px;
            margin: 0 auto;
            overflow: hidden;
            margin-top: 200px;
        }
        .main ul{
            width: 100%;
            list-style: none;
            
        }
        .main li{
            width: 50%;
            float: left;
        }
        .main li img{
            width: 26px;
            height: 26px;
            /* 星星和文字对齐 ，中线对齐*/
            vertical-align: middle;
        }
        .menu{
            width: 900px;
            margin: 0 auto;
            /* 子绝父相等 */
            position: relative;
        }
        .menu ul{
            width: 400px;
            list-style: none;
            position: absolute;
           right: 50px;
        }
        .menu li{
            width: 140px;
            height: 40px;
            line-height: 40px;
            background-color: #970000;
            color: white;
            text-align: center;
            float: left;
            margin: 2px;
        }
        .footer{
            width: 100%;
            height: 40px;
            line-height: 40px;
            background-color: #970000;
            color: white;
            text-align: center;
            /* 固定在这个位置 */
            position: fixed;
            bottom: 0;
            font-size: 12px;
        }
    </style>
</head>
<body>
    <div class="container">
        <div class="main">
            <ul>
            <li>
                <img src="img/星星.png" alt="">
                <span>国家优质高职院校</span>
            </li>
            <li>
                <img src="img/星星.png" alt="">
                <span>国家骨干高职院校建设优秀等级单位</span>
            </li>
            <li>
                <img src="img/星星.png" alt="">
                <span>教育部首批现代学徒制式点院校</span>
            </li>
            <li>
                <img src="img/星星.png" alt="">
                <span>四川省高端技术技能型本科人才培养改革试点高校</span>
            </li>
            <li>
                <img src="img/星星.png" alt="">
                <span>中国人民解放军陆军定向培养直招士官试点高校</span>
            </li>
            <li>
                <img src="img/星星.png" alt="">
                <span>中国人民武装警察部队定向培养直招士官试点高校</span>
            </li>
            <li>
                <img src="img/星星.png" alt="">
                <span>全国高等职业院校“育人成效”50强</span>
            </li>
            <li>
                <img src="img/星星.png" alt="">
                <span>全国高职社会服务贡献50强</span>
            </li>
            <li>
                <img src="img/星星.png" alt="">
                <span>国家优质高职院校</span>
            </li>
        </ul>
        </div>
        <div class="menu"><ul>
            <li>学校网站首页</li>
            <li>学校网站首页</li>
            <li>学校网站首页</li>
        </ul></div>
        <div class="footer">Copyright 2013 All right Reserved 版权所有：四川邮电职业技术学院 2013 图情信息中心技术支持与维护 本站浏览最佳分辨率1280*800</div>
    </div>
</body>
</html>